.ArticleOfAvatar {
  margin-top: 10px;
  display: flex;
  border: rgb(239, 239, 239) solid 1px;
  //height: 156px;
}

.Article h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Article {
  max-width: 80%;
  flex: 1;
  margin: 5px;
  padding: 5px 5px 5px 15px;
  overflow: hidden;
}

.ArticleMain {
  margin-top: -15px;
  margin-bottom: 5px;
}

.ArticleTitle {
  font-size: 2em;
}

.ArticleTitle:hover {
  text-decoration: underline;
}

.ArticleAuthor {
}

.ArticleTags {
  margin-bottom: 5px;
}

.ArticleCTime {
}

.ArticlePreview {
}

.ArticleContent {
  overflow: hidden;
  height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ArticleAvatar {
  margin: 2px;
  width: 150px;
  height: 150px;
}

.ArticleButton {
  margin: 5px;
  display: flex;
  flex-direction: column;
}

.ArticleButtonSet {
  margin-top: 5px;
}

.ArticleButtonDel {
  margin-top: 10px;
}
